<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

  <head>
    <title>Financeiro Web</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
  </head>
  
  <body>
		
		<h2 align="center">Cadastro de Usuario - Financeiro Web</h2>  				
  		<hr/>
  		<script type="text/javascript">
				function alterarValorCampo(){
						document.getElementById('formPrincipal:nomeUsuario').value = 'valor alterado';
					}
  		</script>
  		<f:view>
	  		<h:form id="formPrincipal" styleClass="campo">
	  		<h:messages />
	  			<h:panelGrid id="panelGridCadastroUsuario" columns="2">
	  				<h:outputLabel value="Nome:" for="nomo" />
	  				<h:inputText id="nomeUsuario" label="Nome" value="#{usuarioBean.nome}" required="true" styleClass="campo" />
	  				
	  				<h:outputLabel value="E-mail:" for="email" />
	  				<h:inputText id="emailUsuario" label="Email" value="#{usuarioBean.email}" required="true" />
	  				
	  				<h:outputLabel value="Senha:" for="senha" />
	  				<h:inputSecret id="senhaUsuario" label="Senha" value="#{usuarioBean.senha}" required="true" />
	  				
	  				<h:outputLabel value="Confirma Senha:" for="ConfirmaSenha" />
	  				<h:inputSecret id="confirmaSenhaUsuario" label="ConfirmaSenha" value="#{usuarioBean.confirmaSenha}" required="true" />
	  				
	  				<h:outputText/>
	  				
	  				<h:commandButton action="#{usuarioBean.salvar}" value="Salvar" />
	  				
	  			</h:panelGrid>
	  		</h:form>
  		</f:view>
  		<hr/>
  </body>
</html>